/*
*
*   personal_center  个人中心页面
*   @author: Mitol
*   2015-06-14
*
*/

/*  shopping cart   */
#tfooter {
    margin-top: 20px;
    height: 69px;
    border: 1px solid #000;
}

#tfooter .left {
    float: left;
    margin-top: 21px;
    font-size: 17px;
}

#tfooter .right {
    float: right;
    margin-top: 6px;
    font-size: 17px;
}

#tfooter div span {
    margin-left: 20px;
    margin-right: 20px;
}
#reckoning {    /*结算按钮*/
    float: right;
    padding: 16px 40px;
    background-color: #eb5d22;
    color: #FFF;
    font-size: 25px;
    cursor: pointer;
}
/*  shopping cart end  */

.my-jumbotron {/*   覆盖掉jumbortron的边距    */
    margin: 0;
    padding: 0;
}

#backdiv {/*    个人中心面包屑背景色条    */
    color: #FFF;
    padding-left: 50px;
    max-width: 100%;
    height: 63px;
    padding-top: 20px;
    margin-bottom: 0;
    background-color: #eb5e23;
}

#backdiv > a {/*  个人中心（背景色条字）    */
    margin-top: 15px;
    color: #FFF;
}

#backdiv > h2 > span {/* 面包屑 */
    font-size: 25px;
}

#backdiv > h2 > a {/* 锚标记 */
    color: #FFF;
}

#backdiv > h2 > a:active {
    color: #ccc;
}

.backimg {/*    个人中心头像背景图片    */
    background-image: url(../imgs/personalcenter/personal_head_bgimg.png);
    background-size:100% 100%;
    /*background-repeat: no-repeat;*/
    max-width: 100%;
    height: 225px;
}

.head-img-circle {/*    个人中心头像圆圈    */
    position: absolute;
    width: 164px;
    height: 164px;
    margin-top: 32px;
    margin-left: 113px;
}

.head-img-rect {/*  个人中心圆圈旁框   */
    position: absolute;
    background-image: url(../imgs/personalcenter/head-1.png);
    width: 998px;
    height: 150px;
    opacity: 0.4;
    margin-top: 38px;
    margin-left: 215px;
}

.user-info {/*  用户姓名    */
    font-weight: 900;
    color: #FFF;
    position: relative;
    width: 500px;
    top: 50px;
    left: 290px;
}

.paymenting {/*     待付款     */
    background-image: url(../imgs/personalcenter/payment_img.png);
    width: 86px;
    height: 62px;
}

.pre-fontsize {/* 帐户余额、收货地址、邮编等的字体大小 */
    font-weight: 400;
    font-size: 18px;
}

.pre-background {/* 帐户余额、收货地址、邮编背景设置 */
    background-color: #BBB;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 30px;
    padding-left: 60px;
    padding-bottom: 20px;
    border-radius: 8px;
}

.mya-count-color {/* 帐户余额等锚标记字体颜色 */
    color: #eb5d22;
}

.mya-info-color {/* 账户信息 */
    color: #000;
}

.myul-font {/* 账户余额等字体 */
    font-weight: 900;
    font-size: 20px;
}

.info-back-color {/* 账户信息背景色 */
    background-color: #FFF;
}

.myul-font > li {/* 设置黄色小点点 */
    list-style-image: url(../imgs/personalcenter/point.png);
}

/* 猜你喜欢导航条 start */
.habit {
    background-color: #F5F5F5;
    font-size: 18px;
    color: #000;
    border: none;
    border-bottom: 4px solid #F5F5F5;
    margin-bottom: 5px;
}
.habit:active {
    border-bottom: 4px solid #eb5d22;
    outline: none !important;
}

.habit:hover,
.habit:focus {
    background-color: #FFF;
    color: #eb5d22;
    border-bottom: 4px solid #eb5d22;
}

.btn-habit-bar {/* 猜你喜欢导航条 */
    left: 20px;
    /*width: 858px;*/
    border: 1px solid #ccc;
}

.btn-habit-img {/* 猜你喜欢图片 */
    left: 20px;
    /*width: 858px;*/
    background-color: rgb(255,255,255);
    /*padding-bottom: 40px;*/
    padding: 20px 5px 40px 0px;
    border-radius: 0 0 15px 15px;
}

.my-goods {/* 猜你喜欢的商品展示 */
    border: 2px solid #cccccc;
    width: 268px;
    min-height: 280px;
    padding: 5px;
    margin: 2px 10px 2px 12px;
}

.my-goods > img {/* 猜你喜欢的商品图片 */
    margin: 0 -5px 5px -5px;
    padding: 0;
}
/* 猜你喜欢导航条 end */

.back-margin-padding {/* 导航条右边区域 */
    min-height: 640px;
    /*width: 858px;*/
    padding: 30px 0;
    margin-top: 20px;
    left: 20px;
    border-radius:15px 15px 0 0;
}

.mypanel {/* 列表整体样式 */
    padding: 0;
    margin-top: 20px;
    width: 780px;
}

.table-title {/* 表格头 */
    height: 50px;
    background-color: #F5F5F5;
    border:  1px solid #CCC;
}

.table-row > td {/* 表格所有单元格 */
    width: 130px;
    text-align: center;
    vertical-align: middle;
    border:  1px solid #CCC;
}

.table-row > td > img {/* 表格图片 */
    margin: 0;
    padding: 5px;
}

.table-row > td > a ,
.table-row > td > del {
    font-size: 13px;
}

.table-row button {
    color: RGB(244,166,36);
}

.table-row > td > del,
.table-row > td > .icon-trash {/* 删除字 */
    color: rgb(126,122,122);
}

.black-row {/* 空白一行 */
    height: 10px;
}

.small-search {/* 小搜索框 */
    background-color: #F5F5F5;
}

.small-search-a {
    padding: 15px 0;
}

.small-search-a > a {
    color: #000;
}

.small-search-a > a:hover,
.small-search-a > a:active {
    color: #eb5d22;
}

.all-width {/* 收藏夹，让搜索占用全行*/
    padding: 30px 0;
}

.collect-btn {
    font-size: 18px;
    margin-left: 50px;
}

.goods-status {
    background-color: rgb(255,255,255);
    margin-top: -4px;
}

.btn-text {/* button 只显示文字 */
    border: none;
    background-color: inherit !important;
    height: 30px;
    padding-bottom: 6px;
}

.btn-text:hover {
    color: #888;
}

.btn-text:active,
.btn-text:focus {
    outline: none;
    color: rgb(12,12,12);
    -webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,0.125);/* for Safari */
    box-shadow:inset 0 0px 0px rgba(0,0,0,0.125)
}

.btn-backcolor-white {/* button 背景颜色为白色 */
    background-color: rgb(255,255,255);
    border: 1px solid #ccc;
}

.btn-backcolor-white:hover {
    background-color: rgb(250,250,250);
}

.down-select {/* 下拉列表 */
    background-color: rgb(255,255,255);
    border: 1px solid #CCC;
    height: 30px;
    padding: 3px 5px;
}

.collect-img {/* 收藏商品图片 */
    margin: 0 -15px 3px -15px;
    width: 227px;
    height: 227px;
}

.collect-div-set {/* 搜藏夹设置 */
    width: 230px;
    margin-top: 20px;
    margin-left: 40px;
    padding: 0 15px 5px 15px;
    border: 2px solid #CCC;
}

.btn-group-div-padding {
    margin-top: 15px;
}

.collect-a {
    text-align: right;
}
.collect-a > img {
    margin-top: 4px;
    float: left;
}

.collect-a > a {
    color: rgb(235,93,34);
}

.collect-a > a:link,
.collect-a > a:active {
    color: rgb(244,166,36);
}

.button-set {/* 点击抢购按钮设置 */
    color: rgb(255,255,255);
    background-color: rgb(244,166,36);
    padding: 2px 8px;
    border-radius: 10px;
    border: none;
}
.button-set:hover,
.button-set:focus {
    background-color: rgb(255,174,40);
    outline: none;
}

.btn-fail {/* 失效按钮颜色和背景设置 */
    color:rgb(255,255,255);
    background-color: rgb(204,204,204);
}

.btn-fail:hover,
.btn-fail:focus {
    background-color: rgb(180,180,180);
    outline: none;
}

.button-fail {/* 失效按钮 */
    float: right;
    color:rgb(255,255,255);
    background-color: rgb(204,204,204);
    border-radius: 10px;
    border: none;
}

.button-fail:hover,
.button-fail:focus {
    background-color: rgb(180,180,180);
    outline: none;
}

.pull-center{
    clear: both;
    color: rgb(126,122,122);
}

/*     待考证样式     */

.my-select {
    margin-left: 70px;
}

.my-select > button {
    background-color: #FFF;
    opacity: 1;
}
